<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>360</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-3.0.0.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <script>
        $(function(){
            $('#content').fullpage({
                paddingTop:150,
                afterLoad:function(anchorLink,index){

                    // 清除 其他的 section的 animated
                    $('.section').removeClass('animated');
                    // 添加animated class即可
                    $('.section').eq(index-1).addClass('animated');
                }
            });
        });
    </script>
</head>
<body>
<div id="content">
    <div class="section first">
        <div class="logo"></div>
        <div class="text">
            <img src="images/text_1.png" alt="">
            <img src="images/text_2.png" alt="">
            <img src="images/text_3.png" alt="">
            <img src="images/text_4.png" alt="">
            <img src="images/text_5.png" alt="">
            <img src="images/text_6.png" alt="">
            <img src="images/text_7.png" alt="">
            <img src="images/text_8.png" alt="">
        </div>
        <div class="info"></div>
        <div class="cover"></div>
    </div>
    <div class="section second">
        <div class="shield">
            <img src="images/shield_1.png" alt="">
            <img src="images/shield_2.png" alt="">
            <img src="images/shield_3.png" alt="">
            <img src="images/shield_4.png" alt="">
            <img src="images/shield_5.png" alt="">
            <img src="images/shield_6.png" alt="">
            <img src="images/shield_7.png" alt="">
            <img src="images/shield_8.png" alt="">
            <img src="images/shield_9.png" alt="">
        </div>
        <div class="info"></div>
    </div>
    <div class="section third">
        <div class="info"></div>
        <div class="rocket"></div>
        <div class="circle"></div>
    </div>
    <div class="section fourth">
        <div class="searchBar">
            <div class="search"></div>
            <div class="key"></div>
            <div class="result"></div>
        </div>
        <div class="info"></div>
    </div>
    <div class="section fifth">
        <div class="info"></div>
        <div class="browser">
            <div class="toolBar"></div>
            <div class="extra"></div>
            <div class="line top"></div>
            <div class="line bottom"></div>
            <div class="line left"></div>
            <div class="line right"></div>
        </div>
    </div>
</div>
</body>
</html>